<html class="html">
	<head>
		<script type="text/javascript" src="js/libs/jquery-1.5.1.js"></script>
		<script type="text/javascript" src="js/mylibs/jquery.min.js"></script>
		<script type="text/javascript" src="js/mylibs/jquery.easing-1.3.pack.js"></script>
		<script type="text/javascript" src="js/mylibs/jquery.mousewheel-3.0.4.pack.js"></script>
		<script type="text/javascript" src="js/mylibs/jquery.fancybox-1.3.4.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				$("#add").click(function(){
					window.parent.$.fancybox({
                                                'height' : '75%',
                                                'width' : '60%',
                                                'href' : 'newEntry.html?id=0',
                                                'type': 'iframe'
				        });		
				});
				$("#view1").click(function(){
					window.parent.$.fancybox({
                                                'height' : '100%',
                                                'width' : '100%',
                                                'href' : 'viewEntry.html?id=0',
                                                'type': 'iframe'
				        });		
				});
				$("#view2").click(function(){
					window.parent.$.fancybox({
                                                'height' : '100%',
                                                'width' : '100%',
                                                'href' : 'viewEntry.html?id=1',
                                                'type': 'iframe'
				        });		
				});
			});
		</script>
		<link rel="stylesheet" href="css/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
		
		<title>Announcements</title>
		<!-- JavaScripts --->
		<script src="js/ratingPlugin/jquery.js"></script>
		<script src="js/ratingPlugin/jquery.MetaData.js"></script>
		<script src="js/ratingPlugin/jquery.rating.js"></script>
		<script src="js/ratingPlugin/jquery.rating.pack.js"></script>
		<script src="js/ratingPlugin/documentation.js"></script>
		<!-- CSS -->
		<link rel="stylesheet" href="css/ratingPlugin/jquery.rating.css" />
		<!--link rel="stylesheet" href="css/ratingPlugin/documentation.css" /-->
	</head>
	<body>
		<div style="border: #DDDDDD; padding: 20px; background: #E5E5E5; border-radius: 22px;">
			<table border="0" width="100%" summary="">
				<tr>
					<td align="left" valign="center">
						<font size="3"> <b>Announcements</b> </font>
					</td>
				</tr>
			</table>
				
			<hr />
			
			<div id="announcements">
				<table cellpadding="10" width="100%" summary="">
					<tr onmouseover="this.style.cursor='pointer'">
						<td id="1"><font size="2"><b>
							<a href="#divframe" id="view1">
							(NEW) Metro line 5
							</a>
						</b></font></td>
						<td valign="top">
							<input align="right" name="star" type="radio" class="star" disabled="disabled"/>
							<input align="right" name="star" type="radio" class="star" disabled="disabled"/>
							<input align="right" name="star" type="radio" class="star" disabled="disabled" checked="checked"/>
							<input align="right" name="star" type="radio" class="star" disabled="disabled"/>
							<input align="right" name="star" type="radio" class="star" disabled="disabled"/>
						</td>
					</tr>
					<tr onmouseover="this.style.cursor='pointer'">
						<td id="2"><font size="2"><b>
							<a href="#divframe" id="view2">
							Route of bus 113 changed
							</a>
						</b></font></td>
						<td valign="top">
							<input align="right" name="star2" type="radio" class="star" disabled="disabled"/>
							<input align="right" name="star2" type="radio" class="star" disabled="disabled" checked="checked"/>
							<input align="right" name="star2" type="radio" class="star" disabled="disabled"/>
							<input align="right" name="star2" type="radio" class="star" disabled="disabled"/>
							<input align="right" name="star2" type="radio" class="star" disabled="disabled"/>
						</td>
					</tr>
				</table>
			</div>
		</div>	
		<div style="display: none" id="divframe">
		</div>		
	</body>
</html>
